var productRight = Vue.extend({

data(){
  return{
    classId:0
  };
},
mounted: function() {
    this.$nextTick(function() {
        this.getClassId();
        this.rightURL();
    });

},

props: ['productDataRight'],
methods: {
    getClassId(){
        var reg = /\/product\/(\d+)/;
        //console.log(this.$route.path);
        this.classId = parseInt(this.$route.path.match(reg)[1]);
        console.log(this.classId);
    },
    rightURL(){
        var oRightURL = window.location.href;
        console.log(oRightURL);
    }
},
watch:{
  $route(to,from){
    var reg = /\/product\/(\d+)/;
    this.classId = parseInt(this.$route.path.match(reg)[1]);
  }
},
template:'\
<div>\
<p class="pro_p">productRight---经过10余年的快速发展，利宁深刻理解未来数字营销内容与技术的融合之势，积极引进优秀的互联网技术、\
    <br>营销策略及内容创意专家，先后从IBM、微软、华为等知名IT企业引进大量优秀人才。</p>\
<ul class="pro_zi_ul clearfix" v-for="(item,index) in productDataRight.data" v-show="index == classId">\
    <li v-for="(innerItem,innerIndex) in item.productList">\
        <router-link :to="\'/productDetail/\' + index + \'/\' + innerIndex" class="pic" >\
            <img v-bind:src="innerItem.image" alt="" class="vcenter" />\
            <i></i>\
        </router-link>\
        <div class="text">\
            <p v-text="innerItem.name"></p>\
            <router-link :to="\'/productDetail/\' + index + \'/\' + innerIndex" >{{index}} + VIEW MORE+</router-link></div>\
    </li>\
</ul>\
<section class="pageing">\
    <a href="">«</a>\
    <a href="">‹</a>\
    <a href="javascript:;" class="active">1</a>\
    <a href="">2</a>\
    <a href="">3</a>\
    <a href="">4</a>\
    <a href="">…</a>\
    <a href="">›</a>\
    <a href="">»</a>\
</section>\
</div>\
',

});